<html>
<head>
<link href="tableCss.css" rel="stylesheet" type="text/css" />
<script src="jquery.js"></script>
<script type="text/javascript" src="javascript2.js"></script>
</head>
<body>
<div style="margin-left:25%;margin-top:4%;">

<div style="width:65%">
<div>
<div class="cell1">LPG</div>
<div class="cell1">WOOD</div>
</div>
<div class="head">
<div class="cell2">Consumption of LPG</div>
<div class="cel"><input  id="lpg" class="i" value="4"></div>
<div class="cell2"> Wood chips Consumption</div>
<div class="cel" id="wood"></div>
</div>
<div>
<div class="center">Number of Hours usage <input  id="hours" class="i"   value="8"></div>
<div class="center">Number of Months <input   id="month" class="i"  value="1"></div>
</div>
<div>
<div class="cell2">Cost of  LPG</div>
<div class="cel"><input  id="costl" class="i"   value="90"/></div>
<div class="cell2">Cost of  Wood</div>
<div class="cel"><input  id="costw" class="i"  value="6"/></div>
</div>
<div class="head">
<div class="cell2">LPG Consumption per Month</div>
<div id="lpgcom" class="cell2"></div>
<div class="cell2">Wood Consumption per Month</div>
<div id="woodcom" class="cell2"></div>
</div>
<div class="head">
<div class="cell2">Monthly Cost of LPG</div>
<div id="mlpg" class="cell2"></div>
<div class="cell2">Monthly Cost of Wood chips</div>
<div id="mwood" class="cell2"></div>
</div>
<div>
<div class="center">Gross Savings by Gasifier</div>
<div class="center1" id="gross"></div>
</div>
</div>
</div>
<script>
 $("input.i").keyup(function() {
    var lpg= $( "input#lpg" ).val();
	var wood = gasifier.valwood(lpg);
	$("div#wood").text( wood );
    var hr= $("input#hours").val();
	var mo= $("input#month").val();
	var cl = gasifier.lpgcm(lpg,hr,mo);
	$("div#lpgcom").text( cl );
	var cw = gasifier.woodcm(wood,hr,mo);
	$("div#woodcom").text( cw );
	var costl= $("input#costl").val();
	var tl = gasifier.lpgtotal(costl,cl);
	$("div#mlpg").text( tl );
	var costw = $("input#costw").val();
	var tw = gasifier.woodtotal(costw,cw);
	$("div#mwood").text( tw );
	var gross =gasifier.gross(tl,tw);
	$("div#gross").text( gross );
	})
</script>	
</body>
</html>
